<template>
  <div class="aside">
    <el-menu default-active="1" class="el-menu-vertical-demo">
      <el-menu-item index="1" @click="toTopicSquare">
        <i class="el-icon-date"></i>
        <span slot="title">话题广场</span>
      </el-menu-item>
      <el-menu-item index="2" @click="toTeacherShare">
        <i class="el-icon-edit-outline"></i>
        <span slot="title">教师资源分享</span>
      </el-menu-item>
      <el-menu-item index="3" @click="toNewStudent">
        <i class="el-icon-postcard"></i>
        <span slot="title">新生可了解</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  methods: {
    toTopicSquare() {
      this.$router.push({
        name: "topicsquare",
      });
    },
    toTeacherShare() {
      this.$router.push({
        name: "teachershare",
      });
    },
    toNewStudent() {
      this.$router.push({
        name: "newstudent",
      });
    },
  },
};
</script>

<style scoped>
/*aside开始*/
.aside {
  float: left;
  width: 14%;
  height: 660px;
  padding: 10px 0;
  border-radius: 5px;
  background-color: white;
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
}

/*aside结束 */
</style>
